* {
	margin: 0;
	padding: 0;
}
a {color: #666;text-decoration: none;}
body {padding: 20px;color: #666;}
.fl{float: left;}
.fr {float: right;}



#contentA{width:1000px; margin-left:auto; margin-right:auto;}

#nav{width:100%;height:36px; background-color:#FC3;margin-bottom:21px;}
#nav ul li{display:block; float:left; width:116px; text-align:center; line-height:36px;}
#nav a:hover{color:#F00;}
#nav ul li:hover{ background-color:#FDFE98;}
#hobby{width:100%;}
#hobby p{float:left;}
#hobby img{float:left;}
.hh{line-height:93px;}
.hh1{line-height:93px; clear:both;}
.cls{clear:both; margin-top:10px; margin-bottom:10px; font-size:12px;}
.pay{display:block; clear:both;margin-right:100px; font-style:normal;padding-left:500px;}

table {border-collapse: collapse;border-spacing: 0;border: 0;text-align: center;width: 937px;}
th, td {border: 1px solid #CADEFF;}
th {background: #e2f2ff;border-top: 3px solid #a7cbff;height: 30px;}
td {padding: 10px;color: #444;}
tbody tr:hover {background: RGB(238,246,255);}
.checkbox {width: 60px;}
.goods {width: 300px;}
.goods span {width: 180px;margin-top: 20px;text-align: left;float: left;}
.price {width: auto;}
.count {width: 90px;}
.count .add, .count input, .count .reduce {float: left;margin-right: -1px;position: relative;z-index: 0;}
.count .add, .count .reduce {height: 23px;width: 17px;border: 1px solid #e5e5e5;background: #f0f0f0;text-align: center;line-height: 23px;color: #444;}
.count .add:hover, .count .reduce:hover {color: #f50;z-index: 3;border-color: #f60;cursor: pointer;}
.count input {width: 50px;height: 15px;line-height: 15px;border: 1px solid #aaa;color: #343434;text-align: center;padding: 4px 0;background-color: #fff;z-index: 2;}
.subtotal {width: 150px;color: red;font-weight: bold;}
.operation {width: 80px;}
.operation span:hover, a:hover {cursor: pointer;color: red;text-decoration: underline;}
img {width: 100px;height: 80px;/*border: 1px solid #ccc;*/margin-right: 10px;float: left;}
.foot {width: 935px;margin-top: 10px;color: #666;height: 48px;border: 1px solid #c8c8c8;background-color: #eaeaea;background-image:linear-gradient(RGB(241,241,241),RGB(226,226,226));position: relative;z-index: 8;}
.foot div, .foot a {line-height: 48px;height: 48px;}
.foot .select-all {width: 100px;height: 48px;line-height: 48px;padding-left: 5px;color: #666;}
.foot .closing {border-left: 1px solid #c8c8c8;width: 100px;text-align: center;color: #000;font-weight: bold;background: RGB(238,238,238);cursor: pointer;}
.foot .total{margin: 0 20px;cursor: pointer;}
.foot  #priceTotal, .foot #selectedTotal {color: red;font-family: "Microsoft Yahei";font-weight: bold;}
.foot .selected {cursor: pointer;}
.foot .selected .arrow {position: relative;top:-3px;margin-left: 3px;}
.foot .selected .down {position: relative;top:3px;display: none;}
.show .selected .down {display: inline;}
.show .selected .up {display: none;}
.foot .selected:hover .arrow {color: red;}
.foot .selected-view {width: 935px;border: 1px solid #c8c8c8;position: absolute;height: auto;background: #ffffff;z-index: 9;bottom: 48px;left: -1px;display:none;}
.show .selected-view {display: block;}
.foot .selected-view div{height: auto;}
.foot .selected-view .arrow {font-size: 16px;line-height: 100%;color:#c8c8c8;position: absolute;right: 330px;bottom: -9px;}
.foot .selected-view .arrow span {color: #ffffff;position: absolute;left: 0px;bottom: 1px;}
#selectedViewList {padding: 20px;margin-bottom: -20px;}
#selectedViewList div{display: inline-block;position: relative;width: 100px;height: 80px;border: 1px solid #ccc;margin: 10px;}
#selectedViewList div span {display: none;color: #ffffff;font-size: 12px;position: absolute;top: 0px;right: 0px;width: 60px;height: 18px;line-height: 18px;text-align: center;background: RGBA(0,0,0,.5);cursor: pointer;}
#selectedViewList div:hover span {display: block;}
 
